<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        <header><p><img src="images/logo.png" width="305" height="195"></p></header>

        <article>

			<div class="titulo"><h1><p>Inscripci&oacute;n</p></h1></div>
            <form id="form1" method="get">

                <h1></h1>
                <h3>Datos personales</h3>
                <section>
                    <label for="txtNombre">Nombre</label>
                    <input type="text" id="txtNombre" name="nombre" value="" size="15" maxlength="30" />
                    <br /><span id="spanNombre" class="spanValidacion"></span>
                </section>
                <section>
                    <label for="txtApellidos">Apellidos</label>
                    <input type="text" id="txtApellidos" name="apellidos" value="" size="15" maxlength="100" />
                    <br /><span id="spanApellidos" class="spanValidacion"></span>
                </section>
                <section>
                    <label for="txtDni">Dni:</label>
                    <input type= "text" id="txtDni" name="dni"  value="" size="9" maxlength="9" />
                    <br /><span id="spanDni" class="spanValidacion"></span>
                </section>
                <section>
                    <label for="txtDireccion">Direccion:</label>
                    <input type="text" id="txtDireccion" name="direccion" value="" size="30" maxlength="100" />
                    <br /><span id="spanDireccion" class="spanValidacion"></span>
                </section>
                <section>
                    <label for="txtPoblacion">Poblacion:</label>
                    <input type="text" id="txtPoblacion"  value="" size="20" maxlength="40" />
                    <br /><span id="spanPoblacion" class="spanValidacion"></span>
                </section>
                <div class="box2">
                <section class="boxcp">
                    <label for="txtCodigoPostal">C.P</label><br>
                    <input class="corto" type="text" id="txtCodigoPostal"  value="" size="5" maxlength="5" />                    
                    <input class="boton" type="button" onclick="actualizarProvincia()" id="btAuto" value="Auto" name="Auto" />
                    <br /><span id="spanCodigoPostal" class="spanValidacion"></span>
                </section>
                <section class="boxprovincia">
                    <label for="slctProvincia">Provincia</label><br>
                    <select id="slctProvincia" name="provincia">
                        <option  value='0'>- Seleccionar -</option >
                        <option  value='01'>Álava</option >
                        <option  value='02'>Albacete</option >
                        <option  value='03'>Alicante</option >
                        <option  value='04'>Almería</option >
                        <option  value='33'>Asturias</option >
                        <option  value='05'>Ávila</option >
                        <option  value='06'>Badajoz</option >
                        <option  value='07'>Baleares</option>
                        <option  value='08'>Barcelona</option >
                        <option  value='09'>Burgos</option >
                        <option  value='10'>Cáceres</option >
                        <option  value='11'>Cádiz</option >
                        <option  value='39'>Cantabria</option >
                        <option  value='12'>Castellón</option >
                        <option  value='51'>Ceuta</option >
                        <option  value='13'>Ciudad Real</option >
                        <option  value='14'>Córdoba</option >
                        <option  value='16'>Cuenca</option >
                        <option  value='17'>Gerona</option >
                        <option  value='18'>Granada</option >
                        <option  value='19'>Guadalajara</option >
                        <option  value='20'>Guipúzcoa</option >
                        <option  value='21'>Huelva</option >
                        <option  value='22'>Huesca</option >
                        <option  value='23'>Jaén</option >
                        <option  value='15'>La Coruña</option >
                        <option  value='26'>La Rioja</option >
                        <option  value='35'>Las Palmas</option >
                        <option  value='24'>León</option >
                        <option  value='25'>Lérida</option >
                        <option  value='27'>Lugo</option >
                        <option  value='28'>Madrid</option >
                        <option  value='29'>Málaga</option >
                        <option  value='52'>Melilla</option >
                        <option  value='30'>Murcia</option >
                        <option  value='31'>Navarra</option >
                        <option  value='32'>Orense</option >
                        <option  value='34'>Palencia</option >
                        <option  value='36'>Pontevedra</option >
                        <option  value='37'>Salamanca</option >
                        <option  value='38'>Santa Cruz de Tenerife</option >
                        <option  value='40'>Segovia</option >
                        <option  value='41'>Sevilla</option >
                        <option  value='42'>Soria</option >
                        <option  value='43'>Tarragona</option >
                        <option  value='44'>Teruel</option >
                        <option  value='45'>Toledo</option >
                        <option  value='46'>Valencia</option >
                        <option  value='47'>Valladolid</option >
                        <option  value='48'>Vizcaya</option >
                        <option  value='49'>Zamora</option >
                        <option  value='50'>Zaragoza</option >
                    </select >
                    <br /><span id="spanProvincia" class="spanValidacion"></span>
                </section>
                <div style="clear:both"></div>
                </div>
                <section>
                    <label for="txtTelefono">Telefono:</label>
                    <input type="text" id="txtTelefono"  value="" size="9" maxlength="9" />
                    <br /><span id="spanTelefono" class="spanValidacion"></span>
                </section>

                <section>
                    <label for="txtEmail">Email:</label>
                    <input type="email" id="txtEmail"  value="" size="30" maxlength="60" />
                    <br /><span id="spanEmail" class="spanValidacion"></span>
                </section>

                <section>
                    <input class="boton2" type="button" onclick="siguiente1()" id="btSiguiente1" value="Siguiente" name="Siguiente1" />
                    <input class="boton2" type="reset"  value="Borrar" />
                </section>
            </form>


        </article>
		<footer>
        </footer>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/script.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
                            (function(b, o, i, l, e, r) {
                                b.GoogleAnalyticsObject = l;
                                b[l] || (b[l] =
                                        function() {
                                            (b[l].q = b[l].q || []).push(arguments)
                                        });
                                b[l].l = +new Date;
                                e = o.createElement(i);
                                r = o.getElementsByTagName(i)[0];
                                e.src = '//www.google-analytics.com/analytics.js';
                                r.parentNode.insertBefore(e, r)
                            }(window, document, 'script', 'ga'));
                            ga('create', 'UA-XXXXX-X');
                            ga('send', 'pageview');
        </script>
    </body>
</html>
